@import "~assets/styles/_bootstrap";

.raply-page {
  width: 100%;
  height: 100%;
  font-size: rem(17px);
  background-color: #F6F6F9;

  .red_span {
    color: $mainCol;
  }

  >.withdrawals_con {


    > p {
      padding: rem(20px) rem(15px);
      border-bottom: 1px solid #e0e0e0;
      background-color: #fff;

      > img {
        display: inline-block;
        width: rem(24px);
        height: rem(24px);
        vertical-align: top;
        margin-right: rem(5px);
      }
    }

    > div {
      padding: 0 rem(15px);
      background-color: #fff;

      > p {
        line-height: rem(47px);

        > i {
          font-size: rem(12px);
        }

        > button {
          float: right;
          line-height: rem(47px);
          color: #6eb7dd;
          border: none;
          background: #fff;
          outline: none;
          cursor: pointer;
        }

        &:nth-child(3) {
          font-size: rem(14px);
          color: #999;
        }

        &:last-child {
          font-size: rem(14px);
          color: #999;
          line-height: rem(47px);
        }
      }

      > input {
        width: 100%;
        font-size: rem(18px);
        line-height: rem(45px);
        border: none;
        border-bottom: 1px solid #e0e0e0;

        &::-webkit-input-placeholder {
          color: #999;
        }
      }

      > div {
        display: flex;
        width: 100%;
        height: rem(50px);
        padding: rem(12px) 0;

        > label {
          flex: 0 0 rem(90px);
          display: inline-block;
        }

        &:after {
          content: "";
          display: block;
          width: rem(10px);
          height: rem(10px);
          border-bottom: 1px solid #848383;
          border-left: 1px solid #848383;
          position: absolute;
          top: 40%;
          right: 5%;
          transform: rotate(-135deg);
          transform-origin: 50% 50%;
        }

        > select {
          flex: 1;
          font-size: rem(15px);
          direction: rtl;
          padding-right: rem(50px);
          border: none;

          > option {
            direction: ltr;
          }
        }
      }
    }

    .raply-bot {
      margin-top: rem(10px);

      > p {
        padding-right: rem(30px);
        text-align: right;
      }
    }


    > button {
      display: block;
      width: rem(300px);
      font-size: rem(16px);
      color: #fff;
      line-height: rem(46px);
      margin: rem(20px) auto;
      border: none;
      border-radius: 5px;
      background-color: #ec5151;
    }
  }
}